<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>选择器优先级_详细聊</title>
</head>
<style>
    /* 
    判断优先级方法：
    权重公格式：(a,b,c)
    a:id选择器的个数
    b：类、伪类、属性、选择器的个数
    c：元素，伪元素选择器的个数

    (1,0,0)  (0,2,0)  前一个权重高，所以颜色为前一个
     */
    


    .container span.slogan {
        color: red;
    }

    div>p>span:nth-child(1) {
        color: green !important;
    }
</style>
<body>
    <div  class="container">
    <p>
        <span  class="slogan">尚硅谷，让天下没有难学的技术!</span>
        <br>
        <span>欢迎同学们来学习！</span>
    </p>
</div>
</body>
</html>